<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
.div-relative {
	position: relative;
	color: #000;
	border: 1px solid #000;
	width: 500px;
	height: 400px
}

.div-a {
	position: absolute;
	left: 30px;
	top: 30px;
	background: #F00;
	width: 200px;
	height: 100px
}
/* css注释说明： 背景为红色 */
.div-b {
	position: absolute;
	left: 50px;
	top: 60px;
	background: #FF0;
	width: 400px;
	height: 200px
}
/* 背景为黄色 */
.div-c {
	position: absolute;
	left: 80px;
	top: 80px;
	background: #00F;
	width: 300px;
	height: 300px
}
/* DIV背景颜色为蓝色 */
</style>
</head>
<body>
	<div class="div-relative" align="right">
		<div class="div-a" >我背景为红色</div>
		<div class="div-b">我背景为黄色</div>
		<div class="div-c">我背景为蓝色</div>
	</div>
</body>
</html>